<template>
    <header class="header">
        <img src="../../assets/img/cons.png" alt="">
        <span>
            <slot></slot>
        </span>
    </header>
</template>

<script setup>

</script>

<style lang='scss' scoped>
    .header{
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: .44rem;
        background-color: #DB7093;
        color: #ffffff;

        span{
            font-size: .18rem;
        }  

        img {
            width: .16rem;
            height: .16rem;
            margin-right: .05rem;
        }
    }
</style>
